<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="../css/swiper.min.css" />
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/zhuye.css" />
	</head>
	<body>
		<header class="_header">
			<div class="_head">
				<p></p>
				<p><a href="http://127.0.0.1:8020/%E9%A1%B9%E7%9B%AE8-21/little_story/src/html/3.1.html" style=" color: white;">我的</a></p>
				<p><a href="http://127.0.0.1:8020/%E9%A1%B9%E7%9B%AE8-21/little_story/src/html/news.html" style="color: white;">书架</a></p>
				<p class="_fontweight">书城</p>
				<p><a href="http://127.0.0.1:8020/%E9%A1%B9%E7%9B%AE8-21/little_story/src/html/search.html"><img src="../imges/wode/tp8.png" /></a></p>
			</div>
			<div class="_center">
				<ul>
					<li class="_all">精选</li>
					<li>分类</li>
					<li>排行</li>
					<li style="border-right: none;">发现</li>
				</ul>
			</div>
		</header>
		
		<div class="swiper-container">
        	<div class="swiper-wrapper">
        		<div class="swiper-slide">
					<div class="_cotent">
						<div class="_imges">
							<p><img src="../imges/wode/tp1.png" /></p>
						</div>
						<div class="_dlex">
							<dl>
								<dd><img src="../imges/wode/tp2.png" /></dd>
								<dt>男频</dt>
							</dl>
							<dl>
								<dd><img src="../imges/wode/tp3.png" /></dd>
								<dt>女频</dt>
							</dl>
							<dl>
								<dd><img src="../imges/wode/tp4.png" /></dd>
								<dt>出版</dt>
							</dl>
							<dl>
								<dd><img src="../imges/wode/tp5.png" /></dd>
								<dt>漫画</dt>
							</dl>
							<dl>
								<dd><img src="../imges/wode/tp6.png" /></dd>
								<dt>免费</dt>
							</dl>
							<dl>
								<dd><img src="../imges/wode/tp7.png" /></dd>
								<dt>更多</dt>
							</dl>
						</div>
					</div>
					
					
					<div class="nei">
						<div class="_top">
							<p>设置阅读偏好，可以看到更合胃口的书籍哦</p>
						</div>
						<div class="_bottom">
							<p>男生小说频道</p>
							<p>都市，玄幻等5哥精选专区   本周人气122.5万</p>
						</div>
					</div>
					
					<div class="zhu">
						<p class="nice">主编重推</p>
						<div class="imga">
							<p><img src="../imges/wode/tp9.png" /></p>
							<p><img src="../imges/wode/tp10.png" /></p>
							<p><img src="../imges/wode/tp11.png" /></p>
						</div>
						<p class="nice">主编重推</p>
						<div class="imga">
							<p><img src="../imges/wode/tp9.png" /></p>
							<p><img src="../imges/wode/tp10.png" /></p>
							<p><img src="../imges/wode/tp11.png" /></p>
						</div>
					</div>
				</div>
        		<div class="swiper-slide">
        			
        			
					<div class="_box1">
						<div class="_aa">
							<p>男频</p>
							<p>阅读偏好</p>
						</div>
					</div>
					
					<div class="_box2">
						<ul>
							<li>玄幻</li>
							<li>奇幻</li>
							<li>武侠</li>
						</ul>
						<ul>
							<li>仙侠</li>
							<li>都市</li>
							<li>校园</li>
						</ul>
						<ul>
							<li>历史</li>
							<li>军事</li>
							<li>游戏</li>
						</ul>
						<ul>
							<li>竞技</li>
							<li>科幻</li>
							<li></li>
						</ul>
					</div>
					<div class="_box1">
						<div class="_aa">
							<p>出版</p>
						</div>
					</div>
					
					<div class="_box2">
						<ul>
							<li>小说</li>
							<li>文学</li>
							<li>传记</li>
						</ul>
						<ul>
							<li>历史</li>
							<li>青春</li>
							<li>心理</li>
						</ul>
						<ul>
							<li>社科</li>
							<li>励志</li>
							<li class="_more">更多<img src="../imges/wode/tp12.png" /></li>
						</ul>
					</div>
					
					
				</div>
        		<div class="swiper-slide">
        			
        			
					<div class="shang">
						<div class="three">
							<p><img src="../imges/wode/tp18.png"/></p>
							<p>月票榜</p>
						</div>
						<div class="three">
							<p><img src="../imges/wode/tp19.png"/></p>
							<p>用户喜爱榜</p>
						</div>
						<div class="three">
							<p><img src="../imges/wode/tp20.png"/></p>
							<p>新书榜</p>
						</div>
					</div>
					
					<div class="_main">
						<div class="_tou">
							<p><img src="../imges/wode/tp24.png" /></p>
						</div>
						<div class="_konw">
							<p><img src="../imges/wode/tp21.png" /></p>
							<p><img src="../imges/wode/tp22.png" /></p>
							<p><img src="../imges/wode/tp23.png" /></p>
						</div>
					</div>
					
					<div class="_footer">
						<div class="_num">
							<p>男频</p>
						</div>
						<div class="_ruo">
							<p>
								<img src="../imges/wode/tp25.png" />
								<span>热销榜</span>
							</p>
							<p>
								<span>兵临异世</span>
								<img src="../imges/wode/tp28.png" />
							</p>
						</div>
						<div class="_ruo">
							<p>
								<img src="../imges/wode/tp26.png" />
								<span>完结榜</span>
							</p>
							<p>
								<span>灵武天下</span>
								<img src="../imges/wode/tp28.png" />
							</p>
						</div>
						<div class="_ruo">
							<p>
								<img src="../imges/wode/tp27.png" />
								<span>免费榜</span>
							</p>
							<p>
								<span>逍遥游</span>
								<img src="../imges/wode/tp28.png" />
							</p>
						</div>
					</div>
					
					
					<div class="_footer">
						<div class="_num">
							<p>男频</p>
						</div>
						<div class="_ruo">
							<p>
								<img src="../imges/wode/tp25.png" />
								<span>热销榜</span>
							</p>
							<p>
								<span>兵临异世</span>
								<img src="../imges/wode/tp28.png" />
							</p>
						</div>
						<div class="_ruo">
							<p>
								<img src="../imges/wode/tp26.png" />
								<span>完结榜</span>
							</p>
							<p>
								<span>灵武天下</span>
								<img src="../imges/wode/tp28.png" />
							</p>
						</div>
						<div class="_ruo">
							<p>
								<img src="../imges/wode/tp27.png" />
								<span>免费榜</span>
							</p>
							<p>
								<span>逍遥游</span>
								<img src="../imges/wode/tp28.png" />
							</p>
						</div>
					</div>
					
				</div>
        		<div class="swiper-slide">
					
					<div class="_box3">
						<div class="_big">
							<p><img src="../imges/wode/tp13.png" /></p>
						</div>
						<div class="_small">
							<dl>
								<dd><img src="../imges/wode/tp14.png" /></dd>
								<dt>我的圈子</dt>
							</dl>
							<dl>
								<dd><img src="../imges/wode/tp15.png" /></dd>
								<dt>我的圈子</dt>
							</dl>
							<dl>
								<dd><img src="../imges/wode/tp16.png" /></dd>
								<dt>我的圈子</dt>
							</dl>
						</div>
					</div>
					<div class="_box4">
						<div class="_title">
							<p>伴读  <span>每周伴你读好书</span></p>
							<p>更多 ></p>
						</div>
						<div class="_cotents">
							<p>二喜与凤霞有了爱情的结晶，命运却又再次捉弄这个家庭，冯夏难产而死，留下义子苦根，家珍也在凤霞死后悲愤离世，四年后，二喜...</p>
						</div>
					
						<div class="_stars">
							<div class="_nav">
								<p>第二十七周·第五日</p>
							</div>
							<div class="_inside">
								<p>活着</p>
								<p><img src="../imges/wode/tp17.png" />9.3<span>(1774人评分)</span></p>
								<p>中作华文 | 余华</p>
							</div>
						</div>
					</div>
					
				</div>
			</div>
		</div>
		
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../js/swiper.min.js" ></script>
		<script type="text/javascript" src="../js/flexible.debug (1).js" ></script>
		<script type="text/javascript" src="../js/flexible_css.debug (1).js"></script>
		<script>
		    var _nav = new Swiper('.swiper-container', {
		        spaceBetween: 50,
		        speed: 500,
		        onSlideChangeStart: function () {
		            $("._center ._all").removeClass('_all')
		            $("._center li").eq(_nav.activeIndex).addClass('_all')
		        }
		    });
		    
		    $("._center li").on('touchstart mousedown', function (e) {
		        e.preventDefault()
		        $("._center ._all").removeClass('_all')
		        $(this).addClass('_all')
		        _nav.slideTo($(this).index())
		    })
		    $(".m-list li").click(function (e) {
		        e.preventDefault()
		    })

		</script>
	</body>
</html>
